.sys-go {
  width: 100%;
  height: 100vh;
  background-color: #f3f3f4;
  // background: url('../assets/images/sys-bg.webp') no-repeat;
  // background-size: 100% 100%;

  .sys-header {
    height: 110px;
    width: 100%;
    background: url('../assets/energy/images/u10.png') no-repeat;
    background-size: 50% 120%;
    background-position: 100% -1.05rem;
    background-color: #fff;
    font-style: normal;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .sys-logo {
      display: flex;
      align-items: center;
      margin-left: 0.5rem;
      > span {
        font-weight: 700;
        margin-left: 0.25rem;
        font-size: 0.8rem;
      }
    }
  }

  // .sys-out {
  //   width: 150px;
  //   height: 40px;
  //   background: url('../assets/images/sys-out.png') no-repeat;
  //   background-size: 100% 100%;
  //   cursor: pointer;
  //   margin-left: 300px;
  //   font-size: 18px;
  //   color: #000;
  //   color: #0594d1;
  //   display: flex;
  //   align-items: center;
  //   justify-content: center;
  //   margin-bottom: 40px;

  //   .anticon-arrow-left {
  //     margin-left: 15px;
  //   }
  // }

  .sys-content-bg {
    width: 100%;
    height: calc(100vh - 110px);
    // background: url('../assets/images/sys-content-bg.png') no-repeat;
    // background-size: 100% 100%;
    margin: 0 auto;
    padding: 40px 20px 20px;
    .sys-content-main {
      background-color: #fff;
      width: 100%;
      height: 100%;
      .sys-info {
        height: 9.5rem;
        border-bottom: 1px solid rgba(243, 243, 244);
        display: flex;
        align-items: center;
        .helloTag {
          font-size: 0.9rem;
          font-weight: 700;
          line-height: 3rem;
        }
        .enterprise {
          color: #979797;
        }
      }
      .menuTag {
        background: url('../assets/images/xzjh.png') no-repeat;
        height: 27.35rem;
        width: 58.1rem;
        background-size: 100% 100%;
        margin: 1.5rem auto;
        position: relative;
        > div {
          position: absolute;
          height: 5.5rem;
          width: 10%;
          .imgIcon {
            width: 2.5rem;
            height: 2.5rem;
            margin-top: -1.4rem;
          }
          .tagText {
            position: absolute;
            bottom: -1rem;
            font-size: 0.9rem;
            width: 5.5rem;
            text-align: center;
          }
          &:nth-child(1) {
            top: 13rem;
            left: 15%;
            position: relative;
            > div {
              height: 5.25rem;
              width: 4.25rem;
              display: flex;
              align-items: center;
              justify-content: center;
              background-size: 100% 100%;
              position: absolute;
              top: 0;
              left: 0;
              transition: 0.1s all linear;
              &:hover {
                width: 5.25rem;
                background-size: 100% 100%;
                height: 6.25rem;
                top: -10%;
                left: -10%;
                font-weight: 700;
              }
            }
          }
          &:nth-child(2) {
            top: 4rem;
            left: 30%;
            > div {
              // background: url('../assets/images/编组.png') no-repeat;
              height: 5.25rem;
              width: 4.25rem;
              display: flex;
              align-items: center;
              justify-content: center;
              background-size: 100% 100%;
              position: absolute;
              top: 0;
              left: 0;
              transition: 0.1s all linear;
              &:hover {
                width: 5.25rem;
                background-size: 100% 100%;
                height: 6.25rem;
                top: -10%;
                font-weight: 700;
                left: -10%;
              }
            }
          }
          &:nth-child(3) {
            top: 4rem;
            right: 27%;
            > div {
              height: 5.25rem;
              width: 4.25rem;
              display: flex;
              align-items: center;
              justify-content: center;
              background-size: 100% 100%;
              position: absolute;
              top: 0;
              left: 0;
              transition: 0.1s all linear;
              &:hover {
                width: 5.25rem;
                background-size: 100% 100%;
                height: 6.25rem;
                top: -10%;
                font-weight: 700;
                left: -10%;
              }
            }
          }
          &:nth-child(4) {
            top: 13rem;
            right: 12%;
            > div {
              height: 5.25rem;
              width: 4.25rem;
              display: flex;
              align-items: center;
              justify-content: center;
              background-size: 100% 100%;
              position: absolute;
              top: 0;
              left: 0;
              transition: 0.1s all linear;
              &:hover {
                width: 5.25rem;
                background-size: 100% 100%;
                height: 6.25rem;
                top: -10%;
                font-weight: 700;
                left: -10%;
              }
            }
          }
        }
        .marshall {
          background: url('../assets/images/marshall.png') no-repeat;
        }
        .marshall2 {
          background: url('../assets/images/marshall2.png') no-repeat;
        }
        .ptImg {
          display: block;
          position: absolute;
          top: calc(50% - 2.75rem);
          left: calc(36% - 2.75rem);
          background: url('../assets/images/pt.png') no-repeat;
          background-size: 100% 100%;
          width: 23.9rem;
          height: 11.85rem;
        }
      }
    }
    //   .sys-content-item {
    //     min-height: 195px;

    //     img {
    //       cursor: pointer;
    //       width: 200px;
    //       height: 195px;
    //     }
    //   }

    //   div:nth-child(1),
    //   div:nth-child(3) {
    //     width: calc(100% - (250px * 2));
    //     margin: 0 auto;
    //     display: flex;
    //     justify-content: space-between;
    //     margin-bottom: 3.55rem;
    //   }

    //   div:nth-child(2) {
    //     width: calc(100% - (45px * 2));
    //     margin: 0 auto;
    //     display: flex;
    //     justify-content: space-between;
    //     margin-bottom: 48px;
    //   }

    //   div:nth-child(3) {
    //     margin-bottom: 0 !important;
    //   }
  }
}

.modal-style {
  .ant-btn-default {
    display: none;
  }
}
